import React, { Component } from "react";
import { Link, NavLink } from "react-router-dom";
import Logo2 from "./logo2.png";
import Logo1 from "./logo1.png";
class View extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		return (
			<div className='Header_box'>
				<div className='content flex'>
					<div className='logo'>
						<Link to='/'>
							<img src={Logo2} alt='' className='logo_pic' />
							<img src={Logo1} alt='' className='log_txt' />
						</Link>
					</div>
					<ul className='nav flex'>
						<li>
							<NavLink exact to='/'>
								<span>首页</span>
							</NavLink>
						</li>
						<li>
							<NavLink to='/special'>
								<span className='zone'>专区</span>
							</NavLink>
						</li>
						<li>
							<NavLink to='/release'>
								<span>人类发布</span>
							</NavLink>
						</li>
						<li>
							<NavLink to='/video'>
								<span>视频</span>
							</NavLink>
						</li>
						<li>
							<NavLink to='/find'>
								<span>发现</span>
							</NavLink>
						</li>
						<li>
							<NavLink to='/topic'>
								<span>话题</span>
							</NavLink>
						</li>
					</ul>
					<div>
						<input type="text"/>
						搜索
						</div>
					<div>留言</div>
					<div>
						<NavLink to='/login'>登录</NavLink>
					</div>
				</div>
			</div>
		);
	}
}
export default View;
